<template>
    <el-card shadow="never">
        <el-form label-position="top" :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="page-form">
            <el-form-item label="用户名" prop="name">
                <el-input v-model="form.name"></el-input>
            </el-form-item>
			<el-form-item label="密码" prop="name">
                <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="用户类型" prop="region">
                <el-select v-model="form.region" placeholder="请选择用户类型" style="width:500px">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
			<el-form-item label="用户权限" prop="region">
                <el-select v-model="form.region" placeholder="请选择用户权限" style="width:500px">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
			<el-form-item label="服务商类型" prop="region">
                <el-select v-model="form.region" placeholder="请选择服务商类型" style="width:500px">
                    <el-option label="区域一" value="shanghai"></el-option>
                    <el-option label="区域二" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="备注" prop="name">
                <el-input v-model="form.name"  type="textarea" :rows="2"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
                <el-button @click="resetForm('ruleForm')">重置</el-button>
            </el-form-item>
        </el-form>
    </el-card>
</template>

<script>
export default {
    name: "user-add",
	data(){
		return {
			form:{}
		}
	}
};
</script>

<style>
</style>
